<template>
  <div class="audio_player">
    <div class="player_left"><i class="player_icon"></i></div>
    <div class="player_right">
      <div class="title">{{title}}</div>
      <div class="progress">
        <div class="progress_inner"></div>
      </div>
      <div class="desc">
        <span class="curTime">0:00</span>
        <span class="time">0:00</span>
      </div>
    </div>
    <audio ref="player" :src="src" controls="controls"></audio>
  </div>  
</template>
<script>
  export default {
    props: ['src', 'title'],
    data () {
      return {
        duration: '0:00',
        curTime: '0:00'
      }
    },
    mounted () {
    },
    methods: {
    }
  }
</script>
